.detail {
  color: black;
}
input#videoName {
  opacity: 0.6;
}
.daka {
  height: 100px;
  width: 100px;
  background-image: linear-gradient(rgb(53 145 255), rgb(71 191 255));
  box-shadow: 10px 10px 10px #d6eeff;
  border-radius: 50%;
  border: none;
  text-align: center;
  margin: 0px 37.5% 0px 37.5%;
}
#userButton{
  background-color: #fff;
  border-color: #eaebed;
  color:black;
}
.current-time {
  text-align: center;
  color: #fff;
}
.daka1 {
  padding-top: 15px;
  color: #fff;
}
#all {
    position: relative;
    margin:0px 50% 0px 50%;
}

.row1 {
    height: 60px;
    width: 400px;
    top: 50%;
    left: 50%;
    transform: translate(-50%);
    float: left;
    

}
.row2 {
    height: 140px;
    width: 400px;
    top: 50%;
    left: 50%;
    transform: translate(-50%);
    float: left;

}
.row3 {
    height: 80px;
    width: 400px;
    top: 50%;
    left: 50%;
    transform: translate(-50%);
    float: left;
}

#userName{
  width: 344px;
  opacity: 0.6;
}

.row4 {
    height: 100px;
    width: 400px;
    transform: translate(-50%);
    float: left;
}

.change {
  height: 20px;
  width: 80px;
  transform: translate(-50%);
  float: left;
  text-align: center;
  color: #fff;
  background-color: #1488ed;
  border-radius: 10%;
  margin: 10px;
  font-size: 12px;
  margin:10px 50% 0px 50%;
}
.add {
  height: 30px;
  width: 80px;
  transform: translate(-50%);
  float: left;
  text-align: center;
  color: #3196ef;
  background-color: #fff;
  border-radius: 10%;
  margin: 10px;
  font-size: 12px;
  margin:10px 50% 0px 50%;
}

.tabContent{
  position: relative;
  float: left;
  margin: 20px;
  width: 84px;
}

.formDetail{
  color: #000000;
  opacity: 50%;
  text-align: center;
  margin: 0;
  font-size: 13px;
}
.formName{
  text-align: center;
  margin: 0;
  font-size: 20px;
  font-weight: normal;
}

#content-text {
  width: 400px;
  border: none;  
  outline: none;  
  background: transparent;  
  border-bottom: 1px solid #000; /* 设置底部横线 */  
  padding: 5px 0; /* 根据需要调整内边距 */ 
}
